import React, { memo } from 'react'
import type { FC, ReactNode } from 'react'
import { Input } from 'antd'
import { HeaderSearchAndUserWrapper, SearchIcon } from './style'

interface IProps {
  children?: ReactNode
}

const HeaderSearchAndUser: FC<IProps> = () => {
  return (
    <HeaderSearchAndUserWrapper>
      <Input
        className="search-input"
        placeholder="音乐/视频/电台/用户"
        prefix={<SearchIcon />}
      />
      <div className="button">创作者中心</div>
      <div className="login">登录</div>
    </HeaderSearchAndUserWrapper>
  )
}

export default memo(HeaderSearchAndUser)
